:root {
	--totalWid: 100%;
	--themeColor: #0d60d0;
}

html,
body {
	width: var(--totalWid);
}

/* 头部 */
header {
	top: 0;
	left: 0;
	z-index: 40;
	padding: 0 20px;
	width: 100%;
	height: 66px;
	border-bottom: 1px solid #ddd;
	background-color: #1d1d1d;
}
/*  */
header > a {
	display: block;
	width: 138px;
	height: 66px;
}

header > a h1 {
	height: 66px;
	background: url(../imgs/new-logo-white.png) no-repeat;
}

header ul {
	height: 66px;
}

header ul li {
	margin: 10px;
	height: 64px;
	line-height: 64px;
}
header ul li a {
	color: #fff;
}
header ul li.active {
	border-bottom: 2px solid #fff;
}

header div span {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 15px;
	font-size: 12px;
}

header div span:first-child {
	border: 1px solid #fff;
}

header div span:last-child {
	background-color: #ed510a;
}
/* 内容 */
main {
	width: 100%;
}
#head {
	width: 100%;
	height: 66px;
}
#banner {
	height: 300px;
	border: 1px solid #000;
	background-color: #1d1d1d;
}
/* 粒子图 */
#banner #bannerBg {
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 300px;
}
/* banner区 */
#banner > div:last-child {
	color: #fff;
	height: 300px;
	text-align: center;
	/* border: 1px solid red; */
}
#banner > div:last-child h1 {
	margin-top: 100px;
	margin-bottom: 10px;
}
#banner > div:last-child p {
	margin-bottom: 10px;
}
/* 下面的内容 */
#help {
	width: 100%;
    background-color: #f8f8f8;
}
/* 内容区 */
#contLt .title {
	margin: 30px 0 20px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
#contLt .title span {
	font-size: 12px;
	color: #bbbbbb;
}

#contLt .cards {
	display: flex;
}
/* 上面文字 */
.picturetop{
	margin-top: 30px;
	width: 100%;
	height: 29px;
	font-size: 12px;
	color: #b2a69f;
}
.picturetop h3{
	color: #000;
	font-size: 17px;
	font-weight: bold;
	display: inline-block;
}
.picturetop h3 span{
	border-bottom: 4px solid #1ca8ef;
}
#contLt .cards li {
	margin-right: 10px;
	box-sizing: border-box;
	padding: 10px;
	width: 356px;
	height: 340px;
	border: 1px solid #bbbbbb;
}

#contLt .cards li img {
	width: 330px;
	height: 144px;
}

#contLt .cards li h4 {
	font-size: 16px;
	color: #000;
	line-height: 40px;
}

#contLt .cards li p {
	font-size: 12px;
	color: #666;
	line-height: 20px;
}

#contLt .cards a {
	font-size: 12px;
	color: #579af1;
	line-height: 60px;
}

/* 左边下面的抖音 */
.hpicturebotlist li{
    margin-top: 20px;
    margin-right: 20px;
    background-color: #fff;
	width: 295px;
	height: 130px;
}
.hpicturebotlist li img{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.hpicturebotlist{
    display: flex; 
}
/* 右边的文字 */
#contRt {
	top: 0px;
	text-align: right;
	width: 1200px;

	/* border: 1px solid rgb(255, 0, 212); */
}
/* #contRt.on{
	top: 10px;
	left: 10px;
} */
#contRt p {
	margin-top: 30px;
	margin-left: 30px;
	font-size: 14px;
	line-height: 35px;
}
/* 尾部 */
footer {
	width: var(--totalWid);
	height: 500px;
}
/* 版心 */
footer #footlist {
	height: 400px;
	/* border: 1px solid red; */
}
/* 左边的文字 */
#footlist #leftlist {
	width: 700px;
	height: 350px;
	/* border: 1px solid blue; */
}
#footlist #leftlist li {
	display: inline-block;
	width: 130px;
	height: 300px;
	/* border: 1px solid pink; */
}
#leftlist li h3 {
	padding-bottom: 30px;
}
#leftlist li p {
	font-size: 14px;
	color: #b6b6b8;
	line-height: 30px;
}
#phone {
	width: 700px;
	height: 30px;
	/* border: 1px solid red; */
}

/* 右边的二维码 */
#footlist #riglist {
	text-align: right;
	width: 400px;
	height: 400px;
	/* border: 1px solid rgb(0, 255, 115); */
}
